/*
 * @Description: 身份验证弹框的获取验证码按钮
 * @Author: tao.xie
 * @Date: 2019-03-29 09:48:41
 * @Last Modified by: tao.xie
 * @Last Modified time: 2019-03-29 11:01:04
 */
 <template>
  <span
    @click.stop="click"
    class="get-code-btn"
    :class="isRunning?'baseColorInvalid':'baseBgColorWithActive get-code-btn-active'"
  >{{isRunning?tipsTemplate:buttonText}}</span>
</template>
<script>
import GetValidCodeButton from './GetValidCodeButton'
export default {
  extends: GetValidCodeButton,
  computed: {
    tipsTemplate() {
      return '重新发送(' + this.second + ')'
    }
  }
}
</script>

<style scoped>
.get-code-btn {
  font-size: 16px; /*no*/
  line-height: 46px;
  height: 46px;
  border-radius: 4px;
  text-align: center;
  padding: 0px 5px;
}
.get-code-btn-active {
  color: #fff;
}
</style>
